<template>
  <div class="page page-about has-headbar">
    <head-bar :title="this.$route.meta.title" />
    <div class="html-content " v-html="content"></div>
  </div>
</template>

<script>
import { API_ABOUT } from '@/service/about'
import { wxjsdkMixin } from '@/components/mixins'
export default {
  mixins: [wxjsdkMixin],
  name: 'user-about',
  data () {
    return {
      content: ''
    }
  },
  mounted () {
    this.requestData()
    this.wechatHideMenu()
  },
  methods: {
    requestData () {
      API_ABOUT().then((resData) => {
        this.content = resData.info.content
      })
    }
  }
}
</script>

<style lang="less">
.page-about {
  .html-content {
      padding: 10px 15px 15px;
  }
}
</style>
